@charset "utf-8";
body {
	font-size: 12px;
	min-width: 1200px;
}
a {
	color: #999;
}
a:hover {
	color: #ccc;
}
.ui-loading {
	background:url(img/loading.gif) no-repeat center center;
}
.m-t10 {
	margin-top: 10px;
}
.m-t20 {
	margin-top: 20px;
}
.m-t30 {
	margin-top: 30px;
}
.m-t40 {
	margin-top: 40px;
}
.m-t50 {
	margin-top: 50px;
}
.ui-icon {
	display: inline-block;
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(img/icon.png) no-repeat;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.article {
	line-height: 1.8;
	color: #fff;
}
.article img {
	margin: 10px 0;
}
.section-header h1 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}
.bg-loading {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}
.bg-loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -436px 0 0 -952px;
}
#wrapper {
	padding-bottom: 50px;
}
#container {
	margin-top: 50px;
}
 @font-face {
 font-family: 'code_lightregular';
 src: url('img/code_light-webfont.eot');
 src: url('img/code_light-webfont.eot?#iefix') format('embedded-opentype'),  url('img/code_light-webfont.woff2') format('woff2'),  url('img/code_light-webfont.woff') format('woff'),  url('img/code_light-webfont.ttf') format('truetype'),  url('img/code_light-webfont.svg#code_lightregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
.font-face {
	font-family: 'code_lightregular';
}
.index-des {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -225px;
	width: 450px;
	height: 60px;
	color: #000;
	text-align: center;
}
.index-des p {
	position: relative;
	left: -40%;
	font-size: 16px;
	opacity: 0;
	visibility: hidden;
}
.index-des p.index-des-en {
	position: relative;
	left: 30%;
	font-size: 14px;
}
.index-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -80px 0 0 -115px;
	width: 230px;
	height: 160px;
	text-align: center;
}
.index-cont a {
	position: relative;
	top: 20%;
	visibility: hidden;
	opacity: 0;
}
.index-cont p {
	position: relative;
	top: 30%;
	visibility: hidden;
	opacity: 0;
	margin: 20px 0 30px;
	text-transform: uppercase;
}
.index-cont h5 {
	position: relative;
	top: 40%;
	visibility: hidden;
	opacity: 0;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.index-cont h5 span {
	margin: 0 8px;
}
.index-icon {
	bottom: 50px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
}
.index-icon span {
	margin: 0 5px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	cursor: pointer;
	vertical-align: middle;
}
.index-icon span.active {
	width: 8px;
	height: 8px;
	border: solid 2px #fff;
	background: none;
}
.container {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner section {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner section.banner-item, .banner section.projectinfo-item {
	display: none;
}
.content {
	top: 50%;
	right: 0;
	margin-top: -105px;
	width: 510px;
	height: 210px;
}
.content .content-top {
	position: relative;
	padding: 0px 25px;
	height: 50px;
	background: #000;
	overflow: hidden;
}
.content .content-top ul {
	position: absolute;
}
.content .content-top ul li {
	position: relative;
	padding: 10px 0;
	height: 30px;
	line-height: 30px;
}
.content-box {
	padding-top: 40px;
	height: 120px;
}
.content-box-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
}
.content-company, .content-service {
	float: left;
	margin-left: 25px;
	width: 220px;
}
.content-company h4, .content-service h4 {
	margin-bottom: 10px;
	color: #fff;
}
.content-company a, .content-service-info a {
	line-height: 1.8;
	color: #999;
}
.content-company a:hover, .content-service-info a:hover {
	color: #fff;
}
.content-service-icon {
	position: absolute;
	top: 2px;
	right: 0;
	width: 100%;
	text-align: right;
}
.content-service-icon a {
	margin-left: 10px;
	display: inline-block;
	background: url(img/icon.png) no-repeat;
	width: 10px;
	height: 15px;
}
.content-service-icon a.prev {
	background-position: 0 -40px;
}
.content-service-icon a.next {
	background-position: -40px -39px;
}
.content-service-icon a:hover.prev {
	background-position: -80px -40px;
}
.content-service-icon a:hover.next {
	background-position: -120px -39px;
}
.content-service-info {
	position: relative;
	width: 220px;
	height: 63px;
	overflow: hidden;
}
.content-service-info ul {
	position: absolute;
}
.content-service-info ul li {
	position: relative;
	width: 220px;
	height: 63px;
}
.header {
	padding: 27px;
	height: 60px;
	z-index: 120;
}
.header-ver {
	color: #999;
}
.header-ver a {
	display: inline-block;
	width: 30px;
	height: 25px;
	line-height: 25px;
	color: #000;
	text-align: center;
	border: solid 1px #000;
	border-right: none;
}
.nav {
	left: 57px;
	top: 27px;
	z-index: 100;
	overflow: hidden;
}
.nav-bg {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #000;
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: 100;
}
.nav-icon {
	position: relative;
	padding: 5px 10px;
	width: 22px;
	z-index: 110;
	cursor: pointer;
}
.nav-icon span {
	display: block;
	margin-top: 3px;
	width: 18px;
	height: 2px;
	background: #fff;
	overflow: hidden;
}
.nav ul {
	position: relative;
	padding: 10px 0 20px;
	z-index: 120;
}
.nav ul li a {
	display:block;
	padding: 3px 20px 3px 10px;
	color: #fff;
	text-transform: uppercase;
}
.nav ul li a:hover {
	background: #fff;
	color: #000;
}
.project section {
	width: 20%;
	height: 100%;
	overflow: hidden;
}
.project section a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.project section p {
	position: relative;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 10;
	text-transform: uppercase;
}
.project section p.project-en {
	font-size: 24px;
}
.project section p.project-cn {
	margin-top: 10px;
	font-size: 22px;
	font-weight: bold;
}
.project-bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.project section a:hover .project-bg {
	opacity: 0;
}
.inner {
	position: relative;
	height: 100%;
}
.projectList section {
	float: left;
	width: 25%;
}
.projectList section a {
	display: block;
	width: 100%;
	height: 100%;
}
.projectList section div {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	visibility: hidden;
	opacity: 0;
transition: all .5s ease-in;
}
.projectList section img {
	width: 100%;
}
.projectList section p {
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	visibility: hidden;
	opacity: 0;
transition: all .5s ease-in;
	transform: translateY(50px);
	font-weight: bold;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.projectList section em {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 40px 0 0 -8px;
	display: block;
	width: 16px;
	height: 2px;
	text-align: center;
	background: #fff;
	visibility: hidden;
	opacity: 0;
transition: all .5s ease-in;
	transform: translateY(50px);
}
.projectList section:hover div {
	visibility: visible;
	opacity: .6;
	filter: alpha(opacity=60);
}
.projectList section:hover p {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
}
.projectList section:hover em {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
}
.arrow a {
	top: 50%;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	line-height:34px;
}
.arrow a.prev {
	left: 30px;
	background-position: -80px 0;
}
.arrow a.next {
	right: 30px;
	background-position: -120px 0;
}
.arrow a.prev1, .arrow a.next1 {
	padding: 0 10px;
	width: 36px;
	text-align: center;
	color: #000;
	background-color: #fff;
	background-image: none;
}
.arrow a.prev1 {
	left: 30px;
}
.arrow a.next1 {
	right: 30px;
}
.more, .back {
	right: 30px;
	display: block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	font-size: 12px;
}
.more {
	top: 30px;
}
.back {
	bottom: 30px;
	background: #000;
}
.more a, .back a {
	padding: 0 20px;
	display: block;
	color: #000;
}
.back a {
	color: #fff;
}
.more a em, .back a em {
	position: relative;
	margin: 6px 0 0 10px;
	width: 21px;
	vertical-align: top;
}
.more a em {
	height: 21px;
	background-position: -50px -10px;
}
.more a.more-active em {
	background-position: -290px -50px;
}
.back a em {
	margin-top: 9px;
	height: 14px;
	background-position: -280px 0;
}
.projectinfo-icon {
	bottom: 50px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
}
.projectinfo-icon span {
	margin: 0 5px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	cursor: pointer;
	vertical-align: middle;
}
.projectinfo-icon span.active {
	width: 8px;
	height: 8px;
	border: solid 2px #fff;
	background: none;
}
.projectinfo-cont {
	top: 0;
	right: -600px;
	padding: 0 50px;
	width: 500px;
	height: 100%;
	background: #fff;
}
.projectinfo-cont h4 {
	padding: 50px 0 0 0;
	font-size: 18px;
	color: #000;
}
.projectinfo-cont em {
	margin: 10px 0;
	display: block;
	width: 23px;
	height: 2px;
	background: #000;
}
.projectinfo-cont p {
	line-height: 1.8;
	color: #666;
}
.team-box a {
	position: absolute;
	display: block;
	width: 50%;
	overflow: hidden;
}
.team-box a.team-item1 {
	height: 90%;
	top: 0;
	left: 0;
}
.team-box a.team-item2 {
	height: 45%;
	top: 0;
	right: 0;
}
.team-box a.team-item3 {
	height: 45%;
	top: 45%;
	left: 50%;
}
.team-box a.team-item4 {
	height: 66%;
	top: 34%;
	right: 0;
}
.team-item {
	text-align: center;
}
.team-item .team-item-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: alpha(oapcity=0);
	z-index: 10;
	visibility: hidden;
 transition: all .5s ease-in;
}
.team-item em {
	visibility: hidden;
	opacity: 0;
	background: #000!important;
	margin-top: 0!important;
 transition: all .5s ease-in;
	transform: translateY(40px);
}
.team-item .team-item-en {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50%;
	margin: 10px 0 0 0;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	z-index: 20;
 transition: all .5s ease-in .2s;
	transform: translateY(40px);
}
.team-item .team-item-en span {
	margin-left: 10px;
	font-size: 12px;
	color: #878787;
}
.team-item .team-item-job {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50%;
	margin-top: 35px;
	width: 100%;
	font-size: 14px;
	color: #000;
	z-index: 20;
 transition: all .5s ease-in .4s;
	transform: translateY(40px);
}
.team-item:hover .team-item-bg {
	visibility: visible;
	opacity: .8;
	filter: alpha(opacity=80);
}
.team-item:hover em, .team-item:hover .team-item-en, .team-item:hover .team-item-job {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.inner-pic, .inner-cont, .join-pic {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.inner-pic {
	left: 0;
	overflow: hidden;
}
.inner-pic a.contact-btn, .join-pic a {
	display: block;
	width: 100%;
	height: 100%;
}
.inner-cont {
	right: 0;
}
.inner-cont nav {
	padding: 0 50px;
}
.inner-cont nav ul li {
	float: left;
	padding: 0 0 0 169px;
	text-align: center;
}
.inner-cont nav ul li:first-child {
	padding-left: 0;
}
.inner-cont nav ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #7f7f7f;
}
.inner-cont nav ul li a em {
	display: block;
	margin-bottom: 10px;
	font-size: 28px;
}
.inner-cont nav ul li a:hover, .inner-cont nav ul li a.current {
	color: #000;
}
.inner-cont .inner-info {
	padding: 0 50px;
	width: 510px;
	height: 70%;
	overflow: hidden;
}
.inner-cont .inner-info em {
	display: block;
	width: 16px;
	height: 2px;
	background: #000;
}
.inner-cont .inner-info h5 {
	margin: 5px 0 20px;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.inner-cont .inner-info h5 span {
	display: block;
	font-weight: normal;
	line-height: 32px;
	font-family: 'code_lightregular';
}
.inner-cont .inner-info p {
	line-height: 1.8;
	color: #7f7f7f;
}
.profile-info {
	height: 70%;
	overflow: hidden;
}
.projectinfo-cont-scroll {
	height: 90%;
	overflow: hidden;
}
.team-info {
	display: none;
}
.news {
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: #fff;
}
.news-cont {
	padding: 0 50px;
	height: 100%;
}
.news .news-item time {
	display: block;
	font-size: 18px;
	color: #7f7f7f;
}
.news .news-item a {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.news .news-item p {
	margin-top: 10px;
	line-height: 1.8;
	color: #7f7f7f;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.news-cont nav {/* padding: 0 50px; */
}
.news-cont nav ul li {
	float: left;
	padding: 0 0 0 169px;
	text-align: center;
}
.news-cont nav ul li:first-child {
	padding-left: 0;
}
.news-cont nav ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #7f7f7f;
}
.news-cont nav ul li a em {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 10px;
	width: 30px;
	height: 30px;
	background: url(img/icon.png) no-repeat;
}
.point nav ul li a em {
	background: none;
	width: auto;
	height: auto;
	font-size: 28px;
}
.news-cont nav ul li.li1 a em {
	background-position: -160px -40px;
}
.news-cont nav ul li.li2 a em {
	background-position: -200px -40px;
}
.news-cont nav ul li.li3 a em {
	background-position: -240px -40px;
}
.news-cont nav ul li a:hover, .news-cont nav ul li a.current {
	color: #000;
}
.newsinfo {
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: #fff;
}
.newsinfo .newsinfo-wrap {
	padding: 0 50px;
}
.newsinfo time {
	display: block;
	font-size: 24px;
	color: #7f7f7f;
}
.newsinfo h5 {
	margin-top: 5px;
	font-size: 16px;
	color: #000;
}
.newsinfo em {
	margin-top: 10px;
	display: block;
	width: 16px;
	height: 2px;
	background: #000;
	background-image: none;
	overflow: hidden;
}
.newsinfo-cont {
	width: 510px;
	height: 70%;
	overflow: hidden;
}
.newsinfo-cont p, .newsinfo-cont1 p {
	line-height: 1.8;
	color: #000;
}
.newsinfo-cont1 {
	width: 510px;
	height: 70%;
	overflow: hidden;
}
.page {
	top: 50%;
	right: 0;
	margin-top: -53px;
	width: 34px;
	height: 105px;
}
.page a {
	position: relative;
	display: block;
	margin-top: 1px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}
.page a span {
	color: #fff;
}
.page a.num {
	background: #000;
}
.page a.prev {
	background-position: -160px 0;
}
.page a.next {
	background-position: -200px 0;
}
.inner-pic a .inner-pic-bg, .join-pic a .join-pic-bg {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.inner-pic a .inner-pic-en, .inner-pic a .inner-pic-cn, .join-pic a .join-pic-en, .join-pic a .join-pic-cn {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	z-index: 100;
	color: #fff;
	text-transform: uppercase;
}
.inner-pic a em, .join-pic a em {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 40px 0 0 -8px;
	display: block;
	width: 16px;
	height: 2px;
	background: #fff;
	overflow: hidden;
	z-index: 100;
}
.inner-pic a .inner-pic-en, .join-pic a .join-pic-en, .join-pic a .join-pic-cn {
	font-size: 24px;
}
.inner-pic a .inner-pic-cn, .join-pic a .join-pic-cn {
	margin-top: 50px;
	font-size: 20px;
}
.contact, .join {
	display: none;
	top: 0;
	background: #fff;
	width: 50%;
	height: 100%;
	z-index: 150;
}
.contact {
	right: 0;
}
.contact .contact-close {
	top: 20px;
	right: 20px;
	background-position: -240px 0;
	width: 24px;
	height: 24px;
}
.contact-cont {
	padding: 20px 50px 0;
}
.join-cont {
	padding: 20px 100px 0 150px;
}
.join-scroll .join-cont {
	overflow: auto;
	height: 95%;
}
.contact-cont h5 {
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
}
.contact-cont em, .join-item em {
	margin-top: 10px;
	display: block;
	width: 16px;
	height: 2px;
	background: #000;
	overflow: hidden;
}
.contact-cont .contact-item {
	padding-right: 10%;
	width: 40%;
	color: #000;
}
.contact-cont .contact-item a {
	margin-top: 20px;
	display: block;
	width: 135px;
	height: 28px;
	line-height: 28px;
	color: #000;
	border: solid 1px #000;
	text-align: center;
	text-transform: uppercase;
}
.contact-cont .contact-item h6 {
	font-size: 14px;
	font-weight: bold;
}
.contact-cont .contact-item p.contact-item-address {
	margin: 20px 0;
	color: #666;
}
.contact-cont .contact-item p {
	text-transform: uppercase;
	line-height: 1.8;
}
.join {
	left: 0;
}
.join .join-close {
	top: 20px;
	left: 20px;
	background-position: -240px 0;
	width: 24px;
	height: 24px;
}
.join-item a {
	font-size: 20px;
	color: #000;
}
.join-item p {
	margin-top: 10px;
	line-height: 1.8;
	color: #7f7f7f;
}
footer {
	position: fixed;
	left: 27px;
	bottom: 20px;
}
.footer-wechat {
	position: relative;
	margin: 6px 15px 0 0;
	width: 21px;
	height: 21px;
	background-position: -9px -9px;
	cursor: pointer;
}
.footer-wechat img {
	position: absolute;
	display: none;
	top: -100px;
	left: 0;
}
.footer-info p a {
	margin-left: 5px;
	line-height: 24px;
	color: #000;
}

.footer-info {

	color: #000;
}

/*.newsinfo-video .video_iframe{ width: 100% !important; height: auto !important; }*/
@media screen and (max-width: 1600px) {
 .news-cont nav ul li {
padding: 0 0 0 120px;
}
}
 @media screen and (max-width: 1360px) {
 .news-cont nav ul li {
padding: 0 0 0 95px;
}
}
.team-cont .team-info {
	overflow: auto;
}


.nav ul li a.on {
    background: #fff;
    color: #000;
}